<template>
  <div class="about">
    <!-- banner部分 -->
    <div class="banner product">
      <div class="title">
        <p>我们的服务</p>
        <p class="en">Our services</p>
      </div>
    </div>
    <!-- main部分 -->
    <div class="main product">
      <div class="layui-container">
        <div class="content layui-row">
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="../assets/res/static/img/Product_img1.jpg"></div>
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
            <p class="label">核心业务名称</p>
            <p class="detail">核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍。</p>
            <div><a href="javascript:;">查看介绍 ></a></div>
          </div>
        </div>
        <div class="content layui-row">
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="../assets/res/static/img/Product_img2.jpg"></div>
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
            <p class="label">核心业务名称</p>
            <p class="detail">核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍。</p>
            <div><a href="javascript:;">查看介绍></a></div>
          </div>
        </div>
        <div class="content layui-row">
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="../assets/res/static/img/Product_img3.jpg"></div>
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
            <p class="label">核心业务名称</p>
            <p class="detail">核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍。</p>
            <div><a href="javascript:;">查看介绍 ></a></div>
          </div>
        </div>
        <div class="content layui-row">
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="../assets/res/static/img/Product_img4.jpg"></div>
          <div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
            <p class="label">核心业务名称</p>
            <p class="detail">核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍核心业务介绍。</p>
            <div><a href="javascript:;">查看介绍></a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>